<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用户注册页面</title>
</head>
<body>
<!--
input标签
    placeholder属性: 占位文字
    type="radio": 单选按钮  name属性要相同,才能选中其中一个 value的值提交给服务器
    type="checkbox": 复选框,可以同时选中多个
    type="date": 日期选择框
    type="file": 文件域, 选择一个文件
    type="reset": 清空表单的输入内容,回到初始状态
    type="image": 图片按钮
    type="button": 普通按钮,现在点击没有效果,等后面学习了JS就可以处理按钮点击
    checked="checked": 表示选中

select标签: 下拉框
    每个选项都是一个option标签
    option标签的选中使用: selected="selected"

textarea标签: 文本域, 让我们输入多行多列的文字
    rows="10": 行数
    cols="60": 列数
-->

<h2>用户注册</h2>
<hr/>

<form>
    <table>
        <!--第一行-->
        <tr>
            <td>
                <label for="username">用户名:</label>
            </td>
            <td>
                <input id="username" name="username" placeholder="请输入用户名">
            </td>
        </tr>
        <!--第二行-->
        <tr>
            <td>密码:</td>
            <td>
                <input type="password" name="password" placeholder="请输入密码">
            </td>
        </tr>
        <!--第三行-->
        <tr>
            <td>邮箱:</td>
            <td>
                <input type="email" name="email" placeholder="请输入邮箱">
            </td>
        </tr>
        <!--第四行-->
        <tr>
            <td>性别:</td>
            <td>
                <input type="radio" name="sex" value="male" checked="checked">男
                <input type="radio" name="sex" value="female">女
            </td>
        </tr>
        <!--第五行-->
        <tr>
            <td>爱好:</td>
            <td>
                <input type="checkbox" name="hobby" value="yy">游泳
                <input type="checkbox" name="hobby" value="sw" checked="checked">上网
                <input type="checkbox" name="hobby" value="dy" checked="checked">电影
                <input type="checkbox" name="hobby" value="ks">看书
            </td>
        </tr>
        <!--第六行-->
        <tr>
            <td>学历:</td>
            <td>
                <select name="edu">
                    <option value="xx">小学</option>
                    <option value="cz">初中</option>
                    <option value="gz">高中</option>
                    <option value="dz">大专</option>
                    <option value="bk" selected="selected">本科</option>
                    <option value="yjs">研究生</option>
                </select>
            </td>
        </tr>
        <!--第七行-->
        <tr>
            <td>出生:</td>
            <td>
                <input type="date" name="birthday" value="1995-08-08">
            </td>
        </tr>
        <!--第八行-->
        <tr>
            <td>照片:</td>
            <td>
                <input type="file" name="photo">
            </td>
        </tr>
        <!--第九行-->
        <tr>
            <td>个人简介:</td>
            <td>
                <textarea rows="10" cols="50" name="jj" placeholder="请输入个人简介">这个家伙很懒,什么都没有留下</textarea>
            </td>
        </tr>
        <!--第十行-->
        <tr>
            <td>
                <input type="hidden" name="id" value="5">
            </td>
            <td>
                <input type="submit" value="注册">
                <input type="reset">
                <input type="button" value="我是按钮"><br/>
                <button type="submit">注册2</button>
                <button type="reset">重置2</button>
                <button type="button">我是按钮2</button>
            </td>
        </tr>
    </table>
</form>
</body>
</html>